<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>宏利网</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../static/layui/css/layui.css">
    <link rel="stylesheet" href="../../static/res/static/css/register.css">
</head>
<body>

<#--<div class="house-header">-->
<#--    <div class="layui-container">-->
<#--        <div class="house-nav">-->
<#--      <span class="layui-breadcrumb" lay-separator="|">-->
<#--        <a href="login.html">登录</a>-->
<#--        <a href="">我的订单</a>-->
<#--        <a href="">在线客服</a>-->
<#--      </span>-->
<#--            <span class="layui-breadcrumb house-breadcrumb-icon" lay-separator=" ">-->
<#--        <a id="search"><i class="layui-icon layui-icon-house-find"></i></a>-->
<#--        <a href="login.html"><i class="layui-icon layui-icon-username"></i></a>-->
<#--        <a href="usershop.html"><i class="layui-icon layui-icon-house-shop"></i></a>-->
<#--      </span>-->
<#--        </div>-->
<#--        <div class="house-banner layui-form">-->
<#--            <a class="banner" href="/">-->
<#--                <img src="../res/static/img/macro.png" alt="宏利网">-->
<#--            </a>-->
<#--            <div class="layui-input-inline">-->
<#--                <input type="text" placeholder="搜索" class="layui-input"><i-->
<#--                        class="layui-icon layui-icon-house-find"></i>-->
<#--            </div>-->
<#--            <a class="shop" href="usershop.html"><i class="layui-icon layui-icon-house-shop"></i><span-->
<#--                        class="layui-badge">1</span></a>-->
<#--        </div>-->
<#--        <ul class="layui-nav close">-->
<#--            <li class="layui-nav-item layui-this"><a href="/">首页</a></li>-->
<#--            <li class="layui-nav-item"><a href="list.html">新鲜水果</a></li>-->
<#--            <li class="layui-nav-item"><a href="list.html">海鲜水产</a></li>-->
<#--            <li class="layui-nav-item"><a href="list.html">精选肉类</a></li>-->
<#--            <li class="layui-nav-item"><a href="list.html">冷饮冻食</a></li>-->
<#--            <li class="layui-nav-item"><a href="list.html">蔬菜蛋品</a></li>-->
<#--        </ul>-->
<#--        <button id="switch">-->
<#--            <span></span><span class="second"></span><span class="third"></span>-->
<#--        </button>-->
<#--    </div>-->
<#--</div>-->

<#--<#include "../base/head.ftl"/>-->
<div class="layui-fulid" id="house-login">
    <form action="doRegister" method="post">
        <div class="layui-form">
            <p>手机注册</p>
            <div class="layui-input-block login">
                <i class="layui-icon layui-icon-username"></i> <input type="text"
                                                                      required lay-verify="required"
                                                                      name="mobile"
                                                                      value="${(registerVo.mobile)!''}"
                                                                      placeholder="请输入手机号码"
                                                                      class="layui-input">
            </div>

            <#--                相比登录的style，注册需要单独设置间距-->
            <div class="layui-input-block login" style="margin-top: 12px;">
                <i class="layui-icon layui-icon-vercode"></i> <input
                        type="password" required lay-verify="required" name="password"
                        value="${(registerVo.password)!''}" placeholder="请输入密码"
                        class="layui-input">
            </div>


            <#--            <div class="layui-input-block-weixinQRcode" style="text-align: center;">-->
            <#--                <img alt="" src="../res/static/img/img_9.png">-->

            <#--                <div style="text-align: center; font-size: 14px; color: #FF5722;">-->
            <#--                    关注微信公众号,发送手机号码可获得注册码-->
            <#--                </div>-->
            <#--            </div>-->

            <div class="layui-input-block login" style="margin-top: 12px;">
                <#--                <i class="layui-icon layui-icon-vercode"></i> -->
                <input
                        <#--                        value="${(registerVo.registCode)!''}"-->
                        value="1817"
                        name="registCode"
                        type="hidden" required lay-verify="required" placeholder="请输入微信注册码"
                        class="layui-input">
            </div>

            <div class="layui-input-block getCode" style="margin-top: 12px;">
                <input type="text" name="graphicCode" required lay-verify="required"
                        <#--                           value="${(registerVo.graphicCode)!''}"-->
                       placeholder="请输入验证码" class="layui-input"><img alt=""
                                                                           src="getVerify" onclick="getVerify(this);"
                                                                           style="border: 1px solid #e2e2e2; font-size: 18px; height: 46px; margin-top: -69px; width: 44%; background-color: #e8d6c0; margin-left: 167px;">

            </div>
            <span style="color: red;font-size: 20px;font-weight: bold;font-family: '楷体','楷体_GB2312';">${error!''}</span>
            <#--                注册就免去redirect_url的传递，成功后跳转登录，登录到首页-->
            <button class="layui-btn" style="margin-top: 5px;" lay-submit lay-filter="user-register">注册</button>
            <#--            onclick="window.open('http://127.0.0.1:8099/login')"-->
        </div>
    </form>
</div>


<#--<#include "../base/bottom.ftl"/>-->

<script>
    //获取验证码
    function getVerify(obj) {
        obj.src = "getVerify?" + Math.random();
    }
</script>
